<template>
	  <div class="h5-list border-top-bottom-default">
            <div class="h5-list-flex h5-list-title border-bottom-primary h5-title-height-lg green">
                <div class="h5-list-title-img"><img src="../../assets/images/title-file.png"></div>
                	附件
               <!-- <a onclick="javascript:showOrHide()" class="h5-list-arrow" style="background-image: url(../../assets/images/arrow-down.png)"></a>-->
            </div>
            <div class="h5-files-list content">
                <div class="h5-list-flex h5-list-flex-wrap">
               
                    <div class="item" v-for="(row,index) in processImages">
                        <div class="h5-file-img">
                        	<a v-bind:href="row.smallUrl"><img src="../../assets/images/excel.png"></a>
                        </div>
                    	<div class="h5-file-name">{{row.title}}</div>
                    </div>
                </div>
            </div>
        </div>
	
</template>

<script>
	export default{
		props: ['objectId','imageType'],
		data(){
			return{
				processImages:[]
			
			}
		},
		watch:{
			'objectId':function(newValue,oldValue){
				 //查询流程附件
				var _self = this;
				var url = _self.utilHelper.apiUrl+'/wordFlowData/queryProcessImages';
				var params = {
					 objectId: _self.objectId,
           			 imageType: _self.imageType
				};
				_self.$http.post(url,params).then((response)=>{
						var body = response.body;
						_self.processImages = body;
				});
				
			}
		}
	}
	
</script>
